<div ng-init="init();" class="kmi-layout-content mobile05-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'mobile05.title' | translate"></div>
    </div>
    <div class="kmi-layout-main-content  system-info">
        <div class="kmi-row-fields qr-code" style="border-bottom:1px #cecece solid;padding: 8px;">
            <div class="column-item">
                <img src="image/icons/search.png"  height="24" width="24"></img> 
                <input ng-keypress="input_plot_no($event);" id="input_plot" ng-model="barcode_plot_no" style="margin-left: 8px;"/>
                <div class="tip qrcode" ng-click="QRCodeScanner();">
                    <img src="image/icons/QRCode.png">
                </div>
            </div>
        </div>
        <div class="kmi-row-fields">
            <div class="column-item">
                <label class="label" ng-bind="'mobile05.plot_no' | translate"></label>
                <label class="value" ng-bind="rollbackInfo.plot_no"></label>
            </div>
        </div>
        <div class="kmi-row-fields">
            <div class="column-item">
                <label class="label" ng-bind="'mobile05.wo_no' | translate"></label>
                <label class="value" ng-bind="rollbackInfo.wo_no"></label>
            </div>
        </div>
        <div class="kmi-row-fields">
            <div class="column-item">
                <label class="label" ng-bind="'mobile05.item_name' | translate"></label>
                <label class="value" ng-bind="rollbackInfo.item_name"></label>
            </div>
        </div>
        <div class="kmi-row-fields">
            <div class="column-item">
                <label class="label" ng-bind="'mobile05.item_spec' | translate"></label>
                <label class="value" ng-bind="rollbackInfo.item_spec"></label>
            </div>
        </div>
        <div class="kmi-row-fields qr-code" style="border-bottom: 1px #cecece solid;">
            <div class="column-item">
                <i class="material-icons">filter_list</i>
                <input ng-model="plot_filter" placeholder="{{'mobile05.msg.plz_input_filter'|translate}}" style="margin-left: 8px;"/>
            </div>
        </div>
        <div class="kmi-tab-content" style="border-bottom:1px #cecece solid;">
            <div class="tab" ng-click="changeTab($index)" ng-class="{'is-select':status.select}"
                ng-repeat="status in status_list">
                <label ng-bind="status.name+'('+getTabSize(status.value)+')'" ></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
        <div class="kmi-tab-contenters" contenter-data="status_list">
            <div class="kmi-list tab-contenter">
                <div class="kmi-list__row-content">
                    <div class="row-content" ng-repeat="item in rollbackInfo.plot_detail | filter: {'status': status.value}:true | filter: plotFilter; track by $index">
                        <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="('mobile05.machine_name'| translate)+item.machine_name"></div>
                            <div class="column-item right" style="align-items: center;flex:initial;">
                                <div class="task-load-tag" ng-bind="$index+1"></div>
                            </div>
                        </div>
                        <!-- <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="('mobile05.machine_name'| translate)+item.machine_name"></div>
                        </div> -->
                        <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="('mobile05.op_name'| translate)+item.op_no + '(' + item.op_name + ')'"></div>
                        </div>
                        <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="('mobile05.qty'| translate)+item.qty+'('+item.unit_name+')'"></div>
                            <div class="column-item right">
                                <button class="kmi-button__mobile" style="z-index:1;" ng-click="rollback(item);">
                                    <label ng-bind="'mobile05.btn.rollback' | translate"></label>
                                    <div class="kmi-can-click"></div>
                                </button>
                            </div>
                        </div>
                        <!-- <div class="kmi-row-fields">
                            <div class="column-item left" style="width: 60%"></div>
                            <div class="column-item right">
                                <button class="kmi-button__mobile" style="z-index:1;" ng-click="rollback(item);">
                                    <label ng-bind="'mobile05.btn.rollback' | translate"></label>
                                    <div class="kmi-can-click"></div>
                                </button>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
